<template>
    <view class="head">
        <uni-nav-bar 
            :left-icon="leftIcon" 
            title="云录制"
            color="#fff"
            backgroundColor="transparent"
            @clickLeft="back"
        ></uni-nav-bar>
    </view>
</template>

<script>
export default {
    name: 'LoginHead',
    props: {
        title: {
            type: String,
            default: ''
        },
        leftIcon: {
            type: String,
            default: 'back'
        }
    },
    methods: {
        back() {
            this.$emit('back');
        }
    }
}
</script>

<style lang="scss" scoped>
$font12: 24rpx;
.head {
    /deep/.uni-navbar__content {
        position: fixed;
        border-bottom: 0;
        .uni-nav-bar-text {
            font-size: $font12;
        }
    }
}
</style>